var searchResult = window.location.search.split('&'),
    iframeData = searchResult[0].substring(1).split(',');
$(function(){
    laydate.render({
        elem: '#layer_date',
        theme: 'molv',
        range: true,
        max: window.parent.time(),
        done: function(value, date, endDate){
            var time = [];
            if(value.length > 0){
                time[0] = value.split('-')[0] + ' 00:00:00';
                time[1] = value.split('-')[1] + ' 23:59:59';
            }else{
                time[1] = window.parent.circleEndTime;
                time[0] = window.parent.circleBeginTime;
            }
            $.ajax({
                type: 'get',
                url: baseUrls + 'showPage/caseCountDetail',
                data: {
                    endTime: time[1],
                    beginTime: time[0],
                    ajlx: searchResult[1]
                },
                beforeSend: function () {
                    Loading();
                },
                success: function (response) {
                    closeLoading();
                    if(response.responseCode == '1000'){
                        iframeData = [];
                        window.parent.IframeData(response,iframeData);
                        Echart_7(iframeData);
                    }else{
                        Msg();
                    }
                },
                error: function () {
                    closeLoading();
                    Msg();
                }
            })
        }
    });
    Echart_7(iframeData,decodeURI(searchResult[2]));
})
function Echart_7(data,text) {
    for(var i = 0; i < data.length; i++){
        data[i] = Number(data[i]);
    }
    var color =  window.parent.color_1,
        caseTypes = ['5','6','7','8','9','10','11','12','13','14','15','16'];

    // cy 如果是负值 则表示从上到下的渐变，如果是正值则表示上边是浅色，下面是深色
    // brighten(14)正数表示变浅，负值是加深
    var colors = [color[caseTypes.indexOf(searchResult[1])],'#0091ea','#00cdb9'];
    Highcharts.getOptions().colors = Highcharts.map(colors, function (color) {
        return {
            radialGradient: { cx:0, cy: 1,r:2.3 },
            stops: [[0, color], [2, Highcharts.Color(color).brighten(-14).get('rgb')] // darken
            ]
        };
    });
    $('#echart_3').highcharts({
        chart: {
            type: 'column',
            backgroundColor: 'rgba(0,0,0,0)',
            options3d: {
                enabled: true,
                alpha: 0,
                beta: 0,
                depth: 10,
                viewDistance: 100,      // 视图距离，它对于计算角度影响在柱图和散列图非常重要。此值不能用于3D的饼图
                frame: {                // Frame框架，3D图包含柱的面板，我们以X ,Y，Z的坐标系来理解，X轴与 Z轴所形成
                    // 的面为bottom，Y轴与Z轴所形成的面为side，X轴与Y轴所形成的面为back，bottom、
                    // side、back的属性一样，其中size为感官理解的厚度，color为面板颜色
                    bottom: {
                        size: 10,
                        color: 'rgba(0,0,0,0)'
                    },
                    side: {
                        size: 1,
                        color: 'transparent'
                    },
                    back: {
                        size: 1,
                        color: 'transparent'
                    }
                }
            },
        },
        title: {
            text: ''
        },
        exporting:{
            enabled: false
        },
        subtitle: {
            text: ''
        },
        plotOptions: {
            column: {
                depth: 25,
                dataLabels: {
                    align: 'center',
                    enabled: true, // dataLabels设为true
                    useHTML: true,
                    style: {
                        color: 'rgb(0,205,185)',
                        fontSize: '14px',
                        fontFamily: '微软雅黑'

                    },
                    x:0,
                    y: 0
                }
            }
        },
        legend:{
            align: 'right',
            verticalAlign: 'top',
            itemStyle:{
                cursor: 'pointer',
                color: 'rgb(0,205,185)'
            },
            itemHoverStyle:{
                color: 'rgb(0,205,185)'
            },
            itemHiddenStyle:{
                color: 'rgba(0,0,0,.3)'
            }
        },
        xAxis: {
            categories: ['云岩分局','乌当分局','经开分局','开阳县分局','修文县分局','观山湖区分局','南明分局','白云分局','花溪分局','息烽县分局','清镇市分局'],
            gridLineWidth: 0,
            lineWidth: 1,
            labels: {
                formatter: function () {
                    return this.value
                },
                style: {
                    color: 'rgb(0,205,185)',
                    fontSize:'12px',
                    fontFamily:'微软雅黑'
                }
            }
        },
        yAxis: {
            title: {
                text: null
            },
            gridLineWidth: 0,
            lineWidth: 1,
            labels: {
                formatter: function () {
                    return this.value
                },
                style: {
                    color: 'rgb(0,205,185)',
                    fontSize:'12px',
                    fontFamily:'微软雅黑'
                }
            }
        },
        series : [
            {
                name: text,
                barGap:'80%',
                data: data
            },
        ]
    });
}
// function Echart_7(data,text) {
//     var option = {
//         tooltip : {
//             trigger: 'axis',
//             axisPointer : {            // 坐标轴指示器，坐标轴触发有效
//                 type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
//             }
//         },
//         calculable : true,
//         xAxis : [
//             {
//                 type : 'category',
//                 data : ['云岩分局','乌当分局','经开分局','开阳县分局','修文县分局','观山湖区分局','南明分局','白云分局','花溪分局','息烽县分局','清镇市分局'],
//                 axisLabel:{
//                     color:'red',
//                     rotate:'45',
//                     interval:'0'
//                 },
//                 axisLine: {
//                     lineStyle: {
//                         color: "#b0f3f3"
//                     }
//                 },
//                 splitLine:{
//                     show:false,
//                     lineStyle:{
//                         color:'rgba(255,255,255,0.3)'
//                     }
//                 }
//             }
//         ],
//         yAxis : [
//             {
//                 type : 'value',
//                 axisLine: {
//                     lineStyle: {
//                         color: "#b0f3f3"
//                     }
//                 },
//                 splitLine:{
//                     show:false,
//                     lineStyle:{
//                         color:'rgba(255,255,255,0.3)'
//                     }
//                 }
//             }
//         ],
//         series : [
//             {
//                 name: text,
//                 type:'bar',
//                 barWidth:'10',
//                 barGap:'80%',
//                 data: data,
//                 markPoint:{
//                     large:true,
//                     effect:{
//                         show: true,
//                         type: 'scale',
//                         loop: true,
//                         period: 15,
//                         scaleSize : 2,
//                         bounceDistance: 10,
//                         color : null,
//                         shadowColor : null,
//                         shadowBlur : 10
//                     }
//                 },
//                 itemStyle:{
//
//                     normal: {
//                         barBorderRadius:[10, 10, 0, 0],
//                         color:'#238c75',
//                         label : {
//                             show: true,
//                             position: 'top',
//                             formatter : function (params){
//                                 return params.value
//                             },
//                         }
//                     },
//
//                 }
//             },
//         ]
//     };
//     var myChart_3 = echarts.init(document.getElementById('echart_3'));
//     myChart_3.setOption(option);
// }